@charset "utf-8";

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#636363;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#636363;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#636363;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#636363;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{color:#b8b8b8;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder{color:#b8b8b8;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder{color:#b8b8b8;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder{color:#b8b8b8;}
table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#01aded;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#01aded;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#01aded;}

.bd_weixin_popup{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
/* 首页css */
		.flexslider {
			position: relative;
			height: 100vh;
			overflow: hidden;
		}
		
		.slides {
			position: relative;
			z-index: 1;
		}
		
		.slides li {
			height: 100vh;
			position: relative;
		}
		
		.slides li .index_tit {
			padding: 30vh 20%;
			height: 20vh;
		}
		
		.slides li .index_tit h5 {
			font-size: 14px;
			color: #FFFFFF;
			font-family: "Light";
			font-weight: bold;
			margin-bottom: 5px;
			letter-spacing: 1px;
		}
		
		.slides li .index_tit p {
			margin-top: 0px !important;
			font-size: 14px;
			color: #FFFFFF;
			font-family: "Light";
			font-weight: 100;
		}
		
		.slides li .index_tit h3 {
			font-size: 60px;
			font-family: "Heavy";
			color: #FFFFFF;
		}
		
		.slides li .index_tit h3 span {
			font-size: 60px;
			color: #FFFFFF;
			line-height: 28px;
		}
		
		.slides li .index_tit h4 {
			margin-top: 1.5vw;
		}
		
		.slides li .index_tit h4 a {
			position: relative;
			left: 0px;
			font-size: 16px;
			color: #FFFFFF;
			font-weight: bold;
		}
		
		.slides li .index_tit h4 a span {
			font-weight: 400;
			padding-left: 5px;
		}
		
		.slides li .img_block {
			width: 60%;
			height: 12vh;
			position: absolute;
			bottom: 0px;
			left: 20%;
			background-color: #FFFFFF;
		}
		
		.slides li .img_block .text-1 {
			height: 100%;
			background: #fff;
			padding: 26px 0px 0px 21px;
			;
		}
		.slides li .img_block .text-1 p{ color: #000;}
		.slides li .img_block .text-1 h2 {
			font-size: 16px;
			color: #000000;
			font-weight: 900;
			font-family: "Heavy";
			margin-top: 0px;
			margin-bottom: 5px;
		}
		
		.slides li .img_block .text-1 p a {
			font-size: 14px;
			font-family: "Light";
			color: #666666;
		}
		
		.slides li .img_block .text-1 p a:hover {
			text-decoration: none;
		}
		
		.slides li .img_block .text-2 {
			background: #18b0ab;
			height: 100%;
			padding-left: 2.3vw;
		}
		
		.slides li .img_block .text-2 img {
			margin-top: 2vh;
			float: left;
		}
		
		.slides li .img_block .text-2 .text-01 {
			float: left;
			padding-left: 10px;
			padding-top: 3vh;
		}
		
		.slides li .img_block .text-2 .text-01 h2 {
			font-size: 16px;
			color: #FFFFFF !important;
			font-weight: 900;
			font-family: "Heavy";
			margin-top: 0px;
			margin-bottom: 5px;
			letter-spacing: 1px;
		}
		
		.slides li .img_block .text-2 .text-01 p,.slides li .img_block .text-2 .text-01 p a {
			font-size: 14px;
			font-family: "Light";
			color: #FFFFFF;
		}
		
		.slides li .img_img {
			position: absolute;
			bottom: 0px;
			left: 9.7%;
			width: 10.3%;
			height: 12vh;
		}
		
		.slides li .img_img img {
			width: 100%;
			height: 100%;
		}
		
		.slides li .fenxiang {
			position: absolute;
			height: 12vh;
			right: 6.5vw;
			bottom: 0px;
		}
		
		.slides li .fenxiang a i {
			color: #FFFFFF;
			font-size: 20px;
			line-height: 45px;
			border: 1px solid #FFFFFF;
			border-radius: 50%;
			padding: 7px;
		}
		
		.slides li .fenxiang a:hover {
			text-decoration: none;
		}
		
		.slides li .fenxiang a:hover i {
			background-color: #FFFFFF;
			color: #18b0ab;
		}
		
		.flex-control-nav {
			position: absolute;
			left: 35%;
			bottom: 0px;
			z-index: 2;
			width: 100%;
		}
		
		.flex-control-nav li {
			display: inline-block;
			width: 14px;
			height: 14px;
			margin: 0 5px;
			*display: inline;
			zoom: 1;
		}
		
		.flex-control-nav a {
			display: inline-block;
			width: 10px;
			height: 14px;
			line-height: 40px;
			overflow: hidden;
			cursor: pointer;
		}
		
		.flex-control-nav .flex-active {
			background-position: 0 0;
		}
		
		.flex-direction-nav {
			position: absolute;
			z-index: 3;
			width: 100%;
			bottom: calc(12vh + 45px);
			margin-bottom: 0px;
		}
		
		.flex-direction-nav li a {
			display: block;
			width: 45px;
			height: 45px;
			overflow: hidden;
			cursor: pointer;
			position: absolute;
			background-color: #cccccc;
			text-align: center;
			text-decoration: none;
		}
		
		.flex-direction-nav li a:hover {
			background-color: #18b0ab;
			text-decoration: none;
		}
		
		.flex-direction-nav li a:visited {
			text-decoration: none;
		}
		
		.flex-direction-nav li a.flex-prev {
			left: 20%;
		}
		
		.flex-direction-nav li a i {
			line-height: 45px;
			font-size: 30px;
			color: #FFFFFF;
		}
		
		.flex-direction-nav li a.flex-next {
			left: calc(20% + 45px);
		}
		
		@media screen and (max-width: 1600px) {
			.slides li .img_img {
				left: 5%;
				width: 15%;
			}
			.slides li .img_block {
				width: 66%;
			}
			.slides li .img_block .text-1 h2,
			.slides li .img_block .text-2 .text-01 h2 {
				font-size: 14px;
			}
			.slides li .img_block .text-1 p a,
			.slides li .img_block .text-2 .text-01 p {
				font-size: 12px;
				color: #fff;
			}
		}
		
		@media screen and (max-width: 1366px) {
			.slides li .img_img {
				left: 0%;
				width: 10%;
			}
			.slides li .img_block {
				width: 80%;
			}
			.slides li .index_tit {
				padding: 30vh 15%;
			}
			.slides li .img_block {
				left: 10%;
			}
			.flex-direction-nav li a.flex-prev {
				left: 10%;
			}
			.flex-direction-nav li a.flex-next {
				left: calc(10% + 45px);
			}
			.slides li .fenxiang {
				left: 91%;
				right: 0px;
			}
			.flex-control-nav {
				left: 30%;
			}
			.slides li .index_tit h3 {
				font-size: 46px;
			}
			.slides li .index_tit h3 span {
				font-size: 46px;
			}
		}
		
		@media screen and (max-width: 1200px) {
			.slides li .img_img,
			.slides li .fenxiang {
				display: none;
			}
			.slides li .img_block {
				width: 100%;
				left: 0px;
			}
			.flex-direction-nav li a.flex-next {
				left: 45px;
			}
			.flex-direction-nav li a.flex-prev {
				left: 0px;
			}
			.flex-control-nav {
				left: 24%;
			}
		}
		
		@media screen and (max-width: 590px) {
			.slides li .img_block .text-2 img,
			.flex-control-nav {
				display: none;
			}
			.slides li .img_block .text-1 h2,
			.slides li .img_block .text-2 .text-01 h2 {
				font-size: 12px;
			}
			.slides li .img_block .text-1 {
				padding-left: 2.3vw; padding-top: 3vh;
			}
			.slides li .img_block .text-1 a{
				 display: block;color: #000;
			}
			.slides li .img_block .text-2 .text-01 {
				padding-left: 0px;
			}
			.slides li .img_block .text-1  p {
				color: #000;
				font-size: 12px;
			}
			.slides li .img_block .text-2 .text-01 p {
				overflow: hidden;
				/*超出部分隐藏*/
				text-overflow: ellipsis;
				/* 超出部分显示省略号 */
				white-space: nowrap;
				/*规定段落中的文本不进行换行 
				padding-right: 8%;*/
				color: #fff;
			}
			.slides li .index_tit h5{ font-weight: normal;}
			.slides li .index_tit h5,
			.slides li .index_tit p {
				font-size: 12px;
				overflow: hidden;
				
				text-shadow: #666 1px 0 0, #666 0 1px 0, #666 -1px 0 0, #666 0 -1px 0;
				/*超出部分隐藏
				text-overflow: ellipsis;*/
				/* 超出部分显示省略号 */
				/* white-space: nowrap;*/
				/*规定段落中的文本不进行换行 */
				text-align: left;
			}
			.slides li .index_tit {
				padding: 15vh 5%;
			}
			.slides li .index_tit p {
				/*padding-right: 40%;*/
			}
			.slides li .index_tit h3,
			.slides li .index_tit h3 span {
				font-size: 24px;
				text-align: left;
				overflow: hidden;
				/*超出部分隐藏*/
				text-overflow: ellipsis;
				/* 超出部分显示省略号 */
				white-space: nowrap;
				/*规定段落中的文本不进行换行 */
				text-align: left;
				margin-top: 20px;
			}
			.slides li .index_tit .sp{
				margin-top: 0px;
			}
			.slides li .index_tit h4{
				text-align: left;
			}
			.flexslider{
				height: 80vh !important;
			}
			.slides li{
				height: 80vh !important;
			}
			.slides li .index_tit h4 a{
				margin-top: 26px;
			}
			.slides li .index_tit h3, .slides li .index_tit h3 span{
				margin-bottom: 3px;
			}
		}